<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/level.css">
    <link rel="stylesheet" href="../css/global.css">
</head>
<body>
    <div>
        <div>
            <header id="level">
                <ul class="grid">
                    <li class="nogoing"><a href="homepages.html">←</a></li>
                    <li class="Battlefield">欢乐牛牛</li>
                    <li class="bean" onclick="shapping()">
                        <span>牛豆</span>
                        <span class="money"> {{dou}}</span>
                    </li>
                    <li class="shapping" onclick="shapping()">
                        <span class="shap">商城</span>
                        <img src="../images/shapping.png" alt="" class="money">
                    </li>
                </ul>
            </header>
            <div id="shappss">
                <div class="thing">
                    <ul>
                        <li v-for="val in chang" :key="val.dou" @click="jingam(val.dou)">
                            <span>{{val.chang}}</span>
                            <div>{{val.dou}}豆</div>
                        </li>
                    </ul>
                </div>
                <div class="bouuom">
                    <span  @click="jingam()">快速开始</span>
                </div>
            </div>


            <div id="shapp">
                <div class="titles">
                    <span>商品</span>
                    <span class="none" onclick="nones()">✘</span>
                </div>
                <div class="thing">
                    <ul>
                        <li v-for="keys in jibie" :key="keys.money" @click="Recharge(keys.money)">
                            <div class="top">
                                <img src="../images/jdou%20(2).png" alt="">
                            </div>
                            <div class="center">
                                <img src="../images/jdou%20(1).png" alt="">
                                <span>{{keys.money}}</span>
                            </div>
                            <div class="bottom">
                                <span>{{keys.money}}元</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="puanp">
            <div class="gogoing">
                <div style="margin-bottom: 50px; ">
                    <span>去支付</span>
                    <span class="gonone" onclick="nonemoney()">✘</span>
                </div>
                <div class="wximg" onclick="gomoney()">
                    <img src="../images/wxlog.png" alt="">
                </div>
                <div>
                    <span style="font-size: 16px">微信支付</span>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../vue/vue.min.js"></script>
<script src="../js/level.js"></script>
</html>